import React from "react";

export const GoogleIcon = (props: React.SVGProps<SVGSVGElement>) => (
    <svg
        xmlns="http://www.w3.org/2000/svg"
        width={32}
        height={32}
        viewBox="0 0 32 32"
        fill="none"
        {...props}
    >
        <path
            fill="currentColor"
            d="M22.614 8.733c-1.703-1.586-3.855-2.4-6.267-2.4-4.264 0-7.874 2.814-9.168 6.614A9.46 9.46 0 0 0 6.662 16c0 1.067.177 2.093.517 3.053 1.294 3.8 4.904 6.614 9.168 6.614 2.207 0 4.074-.587 5.545-1.547 1.716-1.133 2.874-2.8 3.27-4.773h-8.815v-6.014h15.394c.164.974.259 1.974.259 3.027 0 4.867-1.77 8.973-4.85 11.76C24.453 30.56 20.761 32 16.347 32c-6.389 0-11.906-3.6-14.59-8.827A15.542 15.542 0 0 1 0 16c0-2.587.64-5.013 1.757-7.173C4.441 3.6 9.958 0 16.347 0c4.414 0 8.106 1.587 10.926 4.173l-4.66 4.56Z"
        />
    </svg>
);
